<%-- 
    Document   : main
    Created on : Dec 1, 2014, 5:25:32 PM
    Author     : martin.krasa
--%>

<%@tag description="Tag for inserting header and footer to web sites." body-content="scriptless" trimDirectiveWhitespaces="true" pageEncoding="UTF-8"%>

<%-- The list of normal or fragment attributes can be specified here: --%>
<%@attribute name="title" type="java.lang.String" required="true"%>

<%@include file="/WEB-INF/jsp/base.jspf" %>

<%-- any content can be specified here e.g.: --%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>Golf Tour Web :: <c:out value="${fn:trim(title)}" /></title>
            <link rel="stylesheet" type="text/css" href="<c:url value="/resources/css/main.css" />" media="screen" />
            <link rel="stylesheet" type="text/css" href="<c:url value="/resources/prettyphoto/css/prettyPhoto.css" />" media="screen" />
            <script type="text/javascript" src="<c:url value="/resources/js/jquery-1.3.2.min.js" />"></script>
            <script type="text/javascript" src="<c:url value="/resources/js/core.js" />"></script>
            <script type="text/javascript" src="<c:url value="/resources/pngFix/jquery.pngFix.js" />"></script>
            <script type="text/javascript" src="<c:url value="/resources/prettyphoto/js/jquery.prettyPhoto.js" />"></script>
    </head>
    <body>
        <div id="wrapper">
            <div id="logo">
                <h1>Golf Tour Web</h1>
            </div>
            <div id="content">
                <ul class="menu" id="jMenu">
                    <li><a href="<c:url value="/" />">Home</a></li>
                    <li><a href="#">Tournaments</a>
                        <ul>
                            <li><a href="<c:url value="/tournament/1" />">Tournament result</a></li>
                            <li><a href="<c:url value="/tournament/load" />">Load</a></li>
                        </ul>
                    <li><a href="#">Seasons</a></li>
                    </li>
                </ul>
                <div class="x"></div>
                <!-- image slider -->
                <div id="pitch">
                    <div class="pitch-gallery">
                        <div class="pitch-gallery-holder" id="gallery-pitch-holder">
                            <div class="pitch-gallery-div"> <img class="pitch-gallery-img" src="<c:url value="/resources/images/pitch-1.jpg"  />" alt="" />
                                <div class="infoline"><c:out value="${fn:trim(title)}" /></div>
                            </div>
                            <div class="pitch-gallery-div"> <img class="pitch-gallery-img" src="<c:url value="/resources/images/pitch-2.jpg" />" alt="" />
                                <div class="infoline"><c:out value="${fn:trim(title)}" /></div>
                            </div>
                            <div class="pitch-gallery-div"> <img class="pitch-gallery-img" src="<c:url value="/resources/images/pitch-3.jpg" />" alt="" />
                                <div class="infoline"><c:out value="${fn:trim(title)}" /></div>
                            </div>
                            <div class="pitch-gallery-div"> <img class="pitch-gallery-img" src="<c:url value="/resources/images/pitch-4.jpg" />" alt="" />
                                <div class="infoline"><c:out value="${fn:trim(title)}" /></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- main content -->
                <div id="left">
                    <jsp:doBody />
                </div>
                <!-- sidebar -->
                <div id="right">
                    <h1>Latest news</h1>
                    <h2><a href="#">Big picture</a></h2>
                    <p class="post-info">Posted on 12.12.2009. in Category | 12 comments</p>
                    <h2><a href="#">Earning more money</a></h2>
                    <p class="post-info">Posted on 12.12.2009. in Category | 12 comments</p>
                    <h2><a href="#">Global warming in your house</a></h2>
                    <p class="post-info">Posted on 12.12.2009. in Category | 12 comments</p>
                    <h2><a href="#">Do you believe?</a></h2>
                    <p class="post-info">Posted on 12.12.2009. in Category | 12 comments</p>
                </div>
                <div class="x"></div>
                <div class="break"></div>
                <!-- footer -->
                <div id="footer">
                    <p>Copyright &copy; 2014 Martin Krása</p>
                </div>
            </div>
        </div>
        <!-- gallery starter and prettyPhoto starter -->
        <script type="text/javascript">
            jGallery('pitch');
            $(document).pngFix();
            $(document).ready(function() {
                $("a[rel^='prettyPhoto']").prettyPhoto();
            });
        </script>
    </body>
</html>